require(['./config'], function() {
	require(['swiper', 'jquery', 'loadHF'], function(Swiper, $) {
		class banner {
			constructor() {
				this.dobanner()
				this.addListener()
			}
			addListener() {
				$(".dg1").hover(
					function() {
						$(".dg2").css("opacity", "0.7");
						$(".dg3").css("opacity", "0.7");
					},
					function() {
						$(".dg2").css("opacity", "1");
						$(".dg3").css("opacity", "1");
					}
				)
				$(".dg2").hover(
					function() {
						$(".dg1").css("opacity", "0.7");
						$(".dg3").css("opacity", "0.7");
					},
					function() {
						$(".dg1").css("opacity", "1");
						$(".dg3").css("opacity", "1");
					}
				)
				$(".dg3").hover(
					function() {
						$(".dg2").css("opacity", "0.7");
						$(".dg1").css("opacity", "0.7");
					},
					function() {
						$(".dg2").css("opacity", "1");
						$(".dg1").css("opacity", "1");
					}
				)
			}
			dobanner() {
				new Swiper('.swiper-container', {
					// direction: 'vertical', // 垂直切换选项
					loop: true, // 循环模式选项
					autoplay: true, // 自动轮播

					// 如果需要分页器
					pagination: {
						el: '.swiper-pagination',
					},

					// 如果需要前进后退按钮
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
				})
			}
		}
		new banner
	})
})
